<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ibm Club</title>
<link href="css/main.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>

<body>
<div id="main">
	<div id="header">
    	<div id="first_line">
    		<ul class="nav">
    			<li class="first"><a href="#">首页</a></li>
            	<li class="aboutclub"><a href="#">关于Club</a></li>
            	<li class="activities"><a href="#">最新活动</a></li>
            	<li class="discont"><a href="#">折扣信息</a></li>
            	<li class="together"><a href="#">拼客小镇</a></li>
            	<li class="share"><a href="#">玩家分享</a></li>
            	<li class="last"><a href="#">联系我们</a></li>
    		</ul>
        <div id="header_right">
        	<span id="login"><a href="#">登陆</a></span><span>/</span><span id="register"><a href="#">注册</a></span><span>/</span><span id="forgetpw"><a href="#">忘记密码</a></span>
        </div>
        </div>
        	<div id="loginform" class="information">
        		<span>E-mail:</span><input class="filled" type="text" value="tom@cn.ibm.com"  onclick="this.value=''" name="E-mail" />
            	<span>密码:</span><input class="filled" type="password" value="&lowast;&lowast;&lowast;&lowast;&lowast;&lowast;" onclick="this.value=''"/>
           	    <input type="submit" class="btn submit" value="登陆"/>
            	<input type="button" class="btn cancel" value="取消"/>
            </div>
         <div id="loading" class="information">
            <span>Loading...</span>
            <span><a href="#" id="Lcancel">取消</a></span>
         </div>
    </div>
    <div id="content">
    	<div id="main_content">
    		<div id="logo" class="parts"><img src="img/club_banner.jpg" alt="IBM_CLUB_LOGO"/><p class="title">什么是IBM Club？</p><p class="details">&nbsp;&nbsp;&nbsp;&nbsp;视觉中国（www.chinavisual.com）平台于2009年重磅推出的产品。下吧以为设计师提供实用的专业服务为宗旨，通过提供全面的精品素材下载和用户的素材分享，为设计师以及设计爱好者提供最实用、最贴心的设计素材，同时也将打造业界最具人性化的素材互动分享平台。在下吧，你能第一时间下载到我们为你速递的国内外优质素材，还可以上传你的独家珍藏，和设计友朋们分享、互动、脑力激荡，我们悉力打造一个资源丰厚、服务周密、需取自由的平台，让你予取予求，随心所欲。爱设计，做设计，来"下吧"，来下吧！视觉中国下吧 http://down.chinavisual.com/为得到最佳的使用体验,建议您使用火狐(Firefox),谷歌Chrome,Safari这些现代的浏览器,IE用户: 目前下吧只支持IE8。</p>
            </div>
            <div id="news" class="parts">
            <p class="title">Club最新动态</p>
            	<div id="news_bg">
            	<ul id="left">
                	<li><a href="#">今天天气不错挺风和日丽</a></li>
                    <li><a href="#">我们下午没有课这的确挺爽</a></li>
                    <li><a href="#">日本大地震</a></li>
                    <li><a href="#">于丹讲《论语》</a></li>
                    <li><a href="#">Ibm-100.com已将上线</a></li>
                    <li><a href="#">云南大地震</a></li>
                    <li><a href="#">“超级月亮”传言是真是假？</a></li>
                </ul>
                <ul id="right">
                	<li><a href="#">今天天气不错挺风和日丽</a></li>
                    <li><a href="#">我们下午没有课这的确挺爽</a></li>
                    <li><a href="#">日本大地震</a></li>
                    <li><a href="#">于丹讲《论语》</a></li>
                    <li><a href="#">Ibm-100.com已将上线</a></li>
                    <li><a href="#">云南大地震</a></li>
                    <li><a href="#">"超级月亮"传言是真是假？</a></li>
                </ul>
            	</div>
            </div>
            <div id="banner">
                <div id="banner_bg">
                	<h1>
                    <span>希望就在前方!</span>
                    <span class="small">麻烦是个朋友.无论发生什么都要记得前行.</span>
                    </h1>
                </div>
             	<div id="experience" class="parts">
                	<p class="title">精彩时刻</p>
                    	<ul>
                        	<li class="first"><a href="#" class="pic"><img src="img/down_1_small.png" /></a><p><a href="#">Ibm club 欢迎您</a></p></li>
                            <li><a href="#" class="pic"><img src="img/down_2_small.png" /></a><p><a href="#">Ibm club 欢迎您</a></p></li>
                            <li class="last"><a href="#" class="pic"><img src="img/down_3_small.png" /></a><p><a href="#">Ibm club 欢迎您</a></p></li>
                        </ul>
                </div>
            </div>
            <div id="bottom" class="parts">
            <img src="img/values_banner.jpg" />
            </div>
    	</div>
    </div>
            <span><span style="color:red;">Desigh</span> by: BEN</span>
    <div id="footer">
    <p>版权没有&reg;,想要拿走</p>
    	<div id="bottom_nav">
    	<ul>
    			<li class="first"><a href="#">首页</a></li>
            	<li><a href="#">关于Club</a></li>
            	<li><a href="#">最新活动</a></li>
            	<li><a href="#">折扣信息</a></li>
            	<li><a href="#">拼客小镇</a></li>
            	<li><a href="#">玩家分享</a></li>
            	<li class="last"><a href="#">联系我们</a></li>
        </ul>
        </div>
    </div>
</div>
</body>
</html>
